<html>
<head>
    <meta name="viewport" content="width=device-width" charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="robots" content="none" />
    <title>中通快递</title>
    <script>
        (function () {
            if ("-ms-user-select" in document.documentElement.style && navigator.userAgent.match(/IEMobile\/10\.0/)) {
                var msViewportStyle = document.createElement("style");
                msViewportStyle.appendChild(document.createTextNode("@-ms-viewport{width:auto!important}"));
                document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
            }
        })();
    </script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
    <link rel="stylesheet" type="text/css" href="/css/af.ui.css" />
    <link rel="stylesheet" type="text/css" href="/css/icons.css" />
    <link rel="stylesheet" type="text/css" href="/css/zto.css" />
    <script type="text/javascript" charset="utf-8" src="/js/appframework.js"></script>
    <script type="text/javascript">
        $.ui.useOSThemes = false;
        $.ui.trimBackButtonText = false;
        if (!((window.DocumentTouch && document instanceof DocumentTouch) || 'ontouchstart' in window)) {
            var script = document.createElement("script");
            script.src = "/js/af.desktopBrowsers.js";
            var tag = $("head").append(script);
            $.os.android = false;
            //$.os.desktop = true;
        }

        var webRoot = "/";
        $.ui.autoLaunch = false;
        $.ui.openLinksNewTab = false;
        //$.ui.resetScrollers=false;
        var init = function () {
            $.ui.backButtonText = ""; //设置返回按钮文本
            window.setTimeout(function () {
                    $.ui.launch();
                },
                1500);
        };
        document.addEventListener("DOMContentLoaded", init, false);
        $(document).ready(function () {
            $.ui.backButtonText = "";
            $.ui.launch();
        });
        var onDeviceReady = function () {
            intel.xdk.device.hideSplashScreen();
        };
        document.addEventListener("intel.xdk.device.ready", onDeviceReady, false);
    </script>
</head>
<body>

<div class="hint">
    <span></span>
    <div class="hint_box"></div>
</div>
<div id="afui">
    <div id="splashscreen" class='ui-loader heavy'>
        中通快递<br>
        <br>
        <span class='ui-icon ui-icon-loading spin'></span>
        <h1>加载中... </h1>
    </div>

    <div id="content">
        
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
<link rel="stylesheet" type="text/css" href="/css/base.css" />
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<link rel="stylesheet" type="text/css" href="/css/font.css" />
<!--在线下单start-->

<div class="panel" js-scrolling="true" title="在线下单" id="order" data-header="order_header" data-footer="none">
    
    <div class="" style="background: #ECF3FF;">
       
            <div class="w-100 auto u-cont">
                <div class="u-order-recipient">
                    <div class="u-order-box" data-id="jijian">
                        <div class="fl">
                            <h5 class="u-icon u-jijian">寄</h5>
                        </div>
                        <h2>请输入或选择寄件人信息</h2>
                        <div class="fr" onclick=" selectAddress('name', 'order', 'selectAddres') ">
                            <i class="icon-uniE90A u-address"></i>
                        </div>
                    </div>
                    <ul class="u-info zhuhide" id="jijian">
                        <li>
                            <div class="fl">
                                <h5 class="u-icon u-jijian">寄</h5>
                            </div>
                            <h2><span>姓名：</span>
                                <input type="text" style="width:150px;" placeholder="请输入您的姓名" id="ContactName"  ></h2>
                            <div class="fr" onclick="selectAddress('name', 'order', 'selectAddres') ">
                                <i class="icon-uniE90A u-address"></i>
                            </div>
                        </li>
                        <li class="ml-20">
                            <span>电话：</span>
                            <input type="text"  placeholder="请输入您的电话/手机" style=" font-family:Romantic; letter-spacing:1px" maxlength="11" id="Mobile" >
                        </li>
                        <li class="ml-20">
                            <span>省市：</span>
                            <input type="text" placeholder="请选择所在地区" readonly class="sitetxt st1" id="Sender"  style="width:14rem" onclick="loadPovinceOrderPage('Sender', 'order')">
                            <div class="fr" onclick="baiduLocationById('Sender','Address')"><i class="icon-uniE90C u-address"></i></div>
                        </li>
                        <li class="ml-20">
                            <span style="vertical-align:35px;">地址：</span>
                            <textarea  placeholder="请输入详细地址"   id="Address" style="width: 70%; height:60px; vertical-align:-5px; padding:5px 0 5px 0; outline:none;color:#666; resize:none; border:0;"></textarea>
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
                <div class="u-order-recipient mt10">
                    <div class="u-order-box" data-id="shoujian">
                        <div class="fl">
                            <h5 class="u-icon u-shoujian">收</h5>
                        </div>
                        <h2>(选填)请输入或选择收件人信息</h2>
                        <div class="fr" onclick="selectAddress('names', 'order', 'selectAddres') "><i class="icon-uniE90A u-address"></i></div>
                    </div>
                    <ul class="u-info zhuhide" id="shoujian">
                        <li>
                            <div class="fl">
                                <h5 class="u-icon u-shoujian">收</h5>
                            </div>
                            <h2><span>姓名：</span>
                                <input type="text" placeholder="请输入您的姓名"   style="width:150px;"  id="SContactName"  ></h2>
                            <div class="fr" onclick="selectAddress('names', 'order', 'selectAddres') "><i class="icon-uniE90A u-address"></i></div>
                        </li>
                        <li class="ml-20">
                            <span>电话：</span>
                            <input type="text" maxlength="11" placeholder="请输入您的电话/手机" style=" font-family:Romantic; letter-spacing:1px" id="SMobile" >
                        </li>
                        <li class="ml-20">
                            <span>省市：</span>
                            <input type="text" readonly class="sitetxt st2"  placeholder="请选择所在地区" style="width:15rem" id="SSender"   onclick="loadPovinceOrderPage('SSender', 'order')">
                            <div class="fr" onclick="baiduLocationById('SSender','SAddress')"><i class="icon-uniE90C u-address"></i></div>
                        </li>
                        <li class="ml-20">
                            <span style="vertical-align:35px;">地址：</span>
                            <textarea type="text" id="SAddress" placeholder="请输入详细地址"  style="width: 70%; height:60px; vertical-align:-5px; padding:5px 0 5px 0; outline:none; resize:none; border:0; color:#666"></textarea>
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
                <div class="u-order-recipient mt10">
                    <div class="u-order-title">
                        <h2 class="open w-100">物品类型：<span id="ChoiceType">其他</span><i></i></h2>
                    </div>
                    <div class="u-list-cont">
                        <ul class="u-list choice-type">
                            <li >文件</li>
                            <li class="mlr2">数码产品</li>
                            <li>生活用品</li>
                            <li>服饰</li>
                            <li class="mlr2">食品</li>
                            <li class="curr">其他</li>
                        </ul>
                        <div class="clearfix"></div>
                        <p class="u-attention">禁寄物品：危险、液态品、有价证券、货币、增值税发票信函和其他具有信函性质的物品。</p>
                    </div>
                </div>
                <div class="u-weight mt10">
                    <div class="u-order-title">
                        <h2 class="w-50 fl">预估重量(KG)</h2>
                        <ul class="w-50 fr">
                            <li class="minus"><span></span></li>
                            <li class="weight">
                                <input type="text" id="weight" class="weight_txt" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" value="1" /></li>
                            <li class="raise">+</li>
                        </ul>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="u-order-recipient mt10">
                    <div class="u-order-title">
                        <h2 class="w-100" id="saywhat">我有话对中通小哥说:</h2>
                    </div>
                    <ul class="u-list add-more">
                        <li data-id="say1">请带纸箱</li>
                        <li class="mlr2" data-id="say2">需爬楼梯</li>
                        <li data-id="say3">缺文件袋</li>
                        <li data-id="say4">来前电话</li>
                        <li class="mlr2" data-id="say5">请带面单</li>
                        <li data-id="say6">我没胶带</li>
                    </ul>
                    <div style="height: 20px;"></div>
                    <textarea class="noradius" id="Remark" placeholder="(选填)这里可以说明下物品的大小等等" style="height: 120px"></textarea>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="w-100 u-bottom-cont mt10">
                <div class="fl left-introduce">
                    <p>预约时间：08:00-17:00,逾时次日服务</p>
                </div>
                <div class="fl right-submit">
                    <button onclick="submitOrder()" id="submitOrder">提交</button>
                </div>
            </div>
    </div>
   
</div>

<header id="order_header">
    <h1>我要寄件</h1>
</header>
<div class="afScrollbar" style="position: absolute; width: 5px; height: 337.928px; border-radius: 2px; display: none; top: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); right: 0px; transition-duration: 0ms; background: rgb(141, 141, 141);"></div></div>



<!--省份城市选择start-->
<div class="panel y-scroll" js-scrolling="true" title="" id="provinceChangeOrder" data-footer="none" data-title="省份城市选择" style="overflow: hidden;"><div class="afScrollPanel">

<ul class="provinceNav" id="provinceNav">
  <li class="curr"><a>省份</a>
    <div class="Triangle">&nbsp;</div>
  </li>
  <li><a>城市</a></li>
  <li><a>地区</a></li>
</ul>
<div class="clearth"></div>
<div class="w95 mauto province mt20" id="provinceM">
  <ul class="provinceMain">
    <li class="curr">
      <ul id="cprovince" class="proContent">
        <li><a title="安徽省">安徽</a></li>
        <li><a title="北京">北京</a></li>
        <li><a title="重庆">重庆</a></li>
        <li><a title="福建省">福建</a></li>
        <li><a title="甘肃省">甘肃</a></li>
        <li><a title="广东省">广东</a></li>
        <li><a title="广西壮族自治区">广西</a></li>
        <li><a title="贵州省">贵州</a></li>
        <li><a title="澳门" class="not">澳门</a></li>
        <li><a title="海南省">海南</a></li>
        <li><a title="河北省">河北</a></li>
        <li><a title="河南省">河南</a></li>
        <li><a title="湖北省">湖北</a></li>
        <li><a title="湖南省">湖南</a></li>
        <li><a title="吉林省">吉林</a></li>
        <li><a title="江苏省">江苏</a></li>
        <li><a title="江西省">江西</a></li>
        <li><a title="黑龙江省">黑龙江</a></li>
        <li><a title="辽宁省">辽宁</a></li>
        <li><a title="宁夏回族自治区">宁夏</a></li>
        <li><a title="青海省">青海</a></li>
        <li><a title="山东省">山东</a></li>
        <li><a title="山西省">山西</a></li>
        <li><a title="陕西省">陕西</a></li>
        <li><a title="上海">上海</a></li>
        <li><a title="四川省">四川</a></li>
        <li><a title="内蒙古自治区">内蒙古</a></li>
        <li><a title="天津">天津</a></li>
        <li><a title="西藏自治区">西藏</a></li>
        <li><a title="新疆维吾尔自治区">新疆</a></li>
        <li><a title="云南省">云南</a></li>
        <li><a title="浙江省">浙江</a></li>
        <li><a title="香港" class="not">香港</a></li>
        <li><a title="台湾省" class="not">台湾</a></li>
      </ul>
    </li>
    <li>
      <ul id="city" class="proContent">
      </ul>
    </li>
    <li>
      <ul id="area" class="proContent">
      </ul>
    </li>
  </ul>
</div>

<script src="/js/ProvinceOrder.js"></script>
</div><div class="afScrollbar" style="position: absolute; width: 5px; height: 20px; border-radius: 2px; display: none; top: 0px; background: rgb(141, 141, 141);"></div></div>
<!--省份城市选择end-->
<!--地址选择start-->
<div class="panel y-scroll" js-scrolling="true" title="" id="selectAddres" data-header="address_header" data-footer="none" data-title="地址选择" style="overflow: hidden;"><div class="afScrollPanel">


<div class="w95 mauto addressBookMain mt20" id="addressBookMain" scrolling="yes" js-scrolling="true">
    <ul id="customListBook" class="customListBook">
        <li class="curr">
                        <div class="w5">
                            <ul class="addressList">
                                    {% for adr in adrlist %}
                                    <li>
                                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                            <tbody>
                                            <tr>
                                                <td width="20">
                                                    <div class="default">
                                                        <div class="curr" style="margin-top: 0px">
                                                            <div title="{{adr.custname}}|{adr.cityname}|{{adr.detailAdrinfo}}|{{adr.phoneno}}" class="smallradius white"> </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="content" style="width: 100%">
                                                        {{adr.custname}}-{{adr.phoneno}}<br>{{adr.cityname}}<br>{{adr.detailAdrinfo}}
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody></table>
                                    </li>
                                    {% endfor %}
                            </ul>
                        </div>

        </li>
    </ul>
</div>
<!--地址选择end-->
<!--在线下单end-->
<script src="/js/jweixin-1.0.0.js" type="text/javascript"></script>
<script type="text/javascript">

    var imgUrl = "http://weixin.zto.cn/Content/images/logo2.png";
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: 'wxdb943f961ca9da9d', // 必填，公众号的唯一标识
        timestamp: "1467208601", // 必填，生成签名的时间戳
        nonceStr: "cebe75a9-d7d3-4232-9d9c-64e4af877fc6", // 必填，生成签名的随机串
        signature: "3a99ba9942a1ea36104b6c22b29747247a108766",// 必填，签名，见附录1
        jsApiList: [
            'checkJsApi',
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'onMenuShareQQ',
            'onMenuShareWeibo'
        ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });
</script>

<script type="text/javascript">
    wx.ready(function () {
        var shareData = {
            title: '在线寄件 - 中通快递',
            desc: '中通快递官方微信为您提供在线查件、寄件、网点查询、价格时效查询等服务！',
            link: 'http://weixin.zto.cn/Order/OrderAdd',
            imgUrl: imgUrl
        };
        wx.onMenuShareAppMessage(shareData);
        wx.onMenuShareTimeline(shareData);
    });
</script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=92edfa41713390920bc55acb369e9447"></script>
<script src="/js/Places.js" type="text/javascript"></script>
<script type="text/javascript">
    window.onload = function () {
        $(".w5").css("margin", "0");
        $(".u-order-box").each(function () {
            var id = $(this).attr("data-id");
            if (id == "jijian") {
                $("#jijian").show();
                if (id == "jijian") {
                    $("#ContactName").focus();
                }
                $(this).hide();
            }
        });
    };
    
    function getUrlParam(name) {
			var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    		var r = window.location.search.substr(1).match(reg); 
    		if (r != null) return unescape(r[2]); return null;
        }
    //提交订单
    function submitOrder() {
		code=getUrlParam('code');
        if ($("#ContactName").val() == "") {
            hint("寄件人姓名不能为空！");
            return;
        } else if ($("#Mobile").val().trim() == "") {
            hint("寄件人电话不能为空！");
            return;
        } else if (isMobil($("#Mobile").val().trim()) == false && isTel($("#Mobile").val().trim()) == false) {
            hint("寄件人电话格式不正确！");
            return;
        } else if ($("#Sender").val().trim() == "") {
            hint("寄件人地区不能为空！");
            return;
        } else if ($("#Address").val().trim() == "") {
            hint("寄件人地址不能为空！");
            return;
        } else if ($("#SMobile").val().trim() != "" && (isMobil($("#SMobile").val().trim()) == false && isTel($("#SMobile").val().trim()) == false)) {
            hint("收件人电话格式不正确！");
            return;
        }

        //备注
        var remark = "";
        $('#saywhat >span').each(function (index, domEle) {
            remark += $(domEle).html().trim()+",";

        });
        remark += $("#Remark").val().trim();
        
        $("#submitOrder").removeAttr("onclick"); //取消按钮事件
		var timestamp=new Date().getTime();
        //提交订单
        $.post("/addorder/",
            {
                "ContactName": $("#ContactName").val().trim(),
                "Mobile": $("#Mobile").val().trim(),
                "Sender": $("#Sender").val().trim(),
                "Address": $("#Address").val().trim(),
                "JContactName": $("#SContactName").val().trim(),
                "JMobile": $("#SMobile").val().trim(),
                "JSender": $("#SSender").val().trim(),
                "JAddress": $("#SAddress").val().trim(),
                    "Weight": $("#weight").val().trim(),
                    "Category": $("#ChoiceType").text().trim(),
                    "Remark": remark,
                	"code":code,
                "orderid":timestamp
                },
                function (result) {
                    if (result == null) {
                        $("#submitOrder").attr("onclick", "submitOrder()");
                        //$("#submitOrder").removeClass("gray");
                        showMask("系统异常，请重新提交！", "info", 3000);
                        return false;
                    }
                    if (result == "true" || result == true) {
                        // showMask("下单成功！", "right", 1000);                               
                        showMask("下单成功！", "right", 1000, "/orderinfo/?code="+code+"&orderid="+timestamp, "true");                          }
                    else {
                        $("#submitOrder").attr("onclick", "submitOrder()");
                        showMask(result.Reason, "info", 3000);
                        return false;
                    }

                }, "json");
            }

            $("#Weight").bind('keyup focus blur', function (obj) {
                if ($(this).val().length > 4) {
                    $(this).val($(this).val().substr(0, 4));
                }
                if ($(this).val() <= 0) {
                    $(this).val("");
                }
            });
            AutoHeight();
            $(".u-order-box").on("click", function () {
                $(this).hide();
                var id = $(this).attr("data-id");
                $("#" + id).show();
                if (id == "jijian") {
                    $("#ContactName").focus();
                }
                if (id == "shoujian") {
                    $("#SContactName").focus();
                }
            });
            $(".choice-type li").on("click", function () {
                $(this).siblings("li").removeClass("curr");
                $(this).addClass("curr");
                document.getElementById("ChoiceType").innerHTML = $(this).text();
            });
            $(".add-more li").on("click", function () {
                $(this).toggleClass("curr");
                var div = $("#saywhat");
                var text = $(this).text();
                var id = $(this).attr("data-id");
                var length = div.find("span").length;
                if (!$(this).hasClass("curr")) {
                    div.find("#" + id).remove();
                } else {
                    div.append("<span id=" + id + ">" + text + " </span>");
                }
            });
            //$(".raise").on("click", function () {
            //    $(".weight").text(parseInt($(".weight").text()) + 1);
            //});

            //$(".minus").on("click", function () {
            //    if (parseInt($(".weight").text()) > 0)
            //        $(".weight").text(parseInt($(".weight").text()) - 1);
            //});
            $(".raise").on("click", function () {
                $(".weight_txt").val(parseInt($(".weight_txt").val()) + 1);
                if (parseInt($(".weight_txt").val()) > 50) {
                    $(".weight_txt").val("50");
                    hint("重量不可小于1公斤或大于50公斤！");
                }
            });

            $(".minus").on("click", function () {
                $(".weight_txt").val(parseInt($(".weight_txt").val()) - 1);
                if (parseInt($(".weight_txt").val()) < 1) {
                    $(".weight_txt").val("1");
                    hint("重量不可小于1公斤或大于50公斤！");
                }
            });
            $(".u-order-title h2 i").on("click", function () {
                if ($(".u-order-title h2").hasClass("open")) {
                    $(".u-order-title h2").removeClass("open").addClass("close");
                    $(".u-list-cont").css("height", "135px");
                } else {
                    $(".u-order-title h2").removeClass("close").addClass("open");
                    $(".u-list-cont").css("height", "0");
                }
                AutoHeight();
            });
            //判断重量
            $(".weight_txt").keyup(function () {
                kg();
            });
            $(".u-order-title li").tap(function () {
                kg();
            });
            //限制重量数字范围
            function kg() {
                if (parseInt($(".weight_txt").val()) > 50) {
                    $(".weight_txt").val("50");
                    hint("重量不可小于1公斤或大于50公斤！");
                }
                if (parseInt($(".weight_txt").val()) < 1) {
                    $(".weight_txt").val("1");
                    hint("重量不可小于1公斤或大于50公斤！");
                }
            }
            //提示弹窗
            function hint(text) {
                $(".hint_box").html(text);
                $(".hint").show();
                setTimeout(function () {
                    $(".hint").hide();
                }, 3000);
            }
            function AutoHeight() {
                var height = $(window).height() - $(".u-cont").height() - $(".u-bottom-cont").height();
                if (height > 10) {
                    $(".u-bottom-cont").css("margin-top", height + "px");
                } else {
                    $(".u-bottom-cont").css("margin-top", "10px");
                }
            }
            window.onscroll = function () {
                AutoHeight();
            };
</script>

    </div>
    <div id="navbar">
        <a data-ignore="True" id='navbar_home' class='icon home'>中通服务</a>
        <a data-ignore="True" id='navbar_js' class="iconzto screen">在线下单</a>
        <a data-ignore="True" id='navbar_plugins' class="iconzto user">会员服务</a>
    </div>
    <div class="navbarJiao"></div>
    <ul class="navbarList navbar1">
        
        <li><a data-ignore="True" href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxdb943f961ca9da9d&redirect_uri=http%3a%2f%2fweixin.zto.cn%2fOAuth2&response_type=code&scope=snsapi_base&state=OrderScan#wechat_redirect">运单查询</a></li>
        
        
        <li><a data-ignore="True" href="/Site/">网点查询</a></li>
        <li><a data-ignore="True" href="/Guestbook/">投诉建议</a></li>
        <li><a data-ignore="True" href="/ServiceProduct/">服务介绍</a></li>
    </ul>
    <ul class="navbarList navbar2">
        
        
        <li><a data-ignore="True" href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxdb943f961ca9da9d&redirect_uri=http%3a%2f%2fweixin.zto.cn%2fOAuth2&response_type=code&scope=snsapi_base&state=OrderAdd#wechat_redirect">我要寄件</a></li>
        <li><a data-ignore="True" href="/Price/">价格时效</a></li>

    </ul>
    <ul class="navbarList navbar3">
        <li><a data-ignore="True" href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxdb943f961ca9da9d&redirect_uri=http%3a%2f%2fweixin.zto.cn%2fOAuth2&response_type=code&scope=snsapi_base&state=MemberManage#wechat_redirect">会员服务</a></li>
        <li><a data-ignore="True" href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxdb943f961ca9da9d&redirect_uri=http%3a%2f%2fweixin.zto.cn%2fOAuth2&response_type=code&scope=snsapi_base&state=OrderManage#wechat_redirect">订单管理</a></li>
        <li><a data-ignore="True" href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxdb943f961ca9da9d&redirect_uri=http%3a%2f%2fweixin.zto.cn%2fOAuth2&response_type=code&scope=snsapi_base&state=MySetManage#wechat_redirect">我的设置</a></li>
        <li><a data-ignore="True" href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxdb943f961ca9da9d&redirect_uri=http%3a%2f%2fweixin.zto.cn%2fOAuth2&response_type=code&scope=snsapi_base&state=AddressManage#wechat_redirect">地址簿</a></li>
        <li><a data-ignore="True" href="/APP/">中通APP</a></li>
    </ul>
    <div style="display: none">
        <script type="text/javascript">
            var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
            document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F94e284cce83a62b278089260f366a629' type='text/javascript'%3E%3C/script%3E"));
        </script>
    </div>
</div>
    
    <script type="text/javascript" charset="utf-8" src="/js/appframework.ui.js"></script>
    <script type="text/javascript" src="/js/zto.wap.js"></script>
<script type="text/javascript">
    var t = false; //目前状态
    var id = ""; //上一次点击的ID
    $("#navbar a").click(function() {
        var i = $(this).index();
        $(".navbarJiao").removeClass("navbar1").removeClass("navbar2").removeClass("navbar3");
        $(".navbarList").removeClass("bottom");
        $(".navbarList").eq(i).toggleClass("bottom");
        if (i == id) {
            id = i;
            if (!t) {
                $(".navbarList").eq(i).addClass("bottom");
                $(".navbarJiao").addClass("navbar" + Number(i + 1));
                t = true;
            } else {
                $(".navbarList").eq(i).removeClass("bottom");
                $(".navbarJiao").removeClass("navbar1").removeClass("navbar2").removeClass("navbar3");
                t = false;
            }
        } else {
            id = i;
            $(".navbarList").eq(i).addClass("bottom");
            $(".navbarJiao").addClass("navbar" + Number(i + 1));
            t = true;
        }
    });
    $("#content,#header").bind("click", function() {
        $(".navbarList").removeClass("bottom");
        $(".navbarJiao").removeClass("navbar1").removeClass("navbar2").removeClass("navbar3");
    });
</script>
</body>
</html>

